html,body,div,span,p,br,table,th,tr,td,img,code,dl,dt,dd,ol,ul,li,fieldset,form,label {
  margin:0;
  border:0;
  padding:0;
  font-size:100%;
  font-weight:normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0;
  padding:0;
  border:0;
}

body {
  font-family:sans-serif;
}

div {
  display:block;
}

a {
  color:inherit;
  text-decoration:none;
  font-weight:bold;
  padding:0;
  margin:0;
}

a:hover {
  text-decoration:underline;
  -webkit-transition:200ms;
  -moz-transition:200ms;
  -o-transition:200ms;
  -ms-transition:200ms;
  transition:200ms;
  -webkit-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -moz-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -o-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -ms-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
}

ol,
ul {
  list-style:none;
}

li {
  display:block;
  margin:0;
  padding:0;
}

.clearblock {
  display:block;
  float:left;
  width:100%;
  position:relative;
  overflow:hidden;
}

.sprite {
  background-image:url(/theme/img/sprite.png);
  background-repeat:no-repeat;
  background-size:500px auto !important;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .sprite {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

html, body {
  position:relative;
  margin:0;
  padding:0;
  width:100%;
  background:#333;
  color:#eee;
  font-size:14px;
  line-height:1.5em;
  font-family:'Open Sans',sans-serif;
  -webkit-font-smoothing:subpixel-antialiased;
  -webkit-text-size-adjust:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
}

a,
a:hover,
.transition {
  -webkit-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -moz-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -o-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -ms-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
}

a:active {
  color:#f90;
}

a img {
  border:none;
  outline:none;
}

p,
h1,
h2,
h3,
h4 {
  cursor:default;
}

p {
  display:block;
  float:left;
  width:100%;
  padding:0;
  font-size:100%;
  line-height:20px;
  clear:both;
}

.small {
  display:block;
  font-size:10px;
  line-height:15px;
  margin-top:10px;
}

p a {
  display:inline;
  text-decoration:none;
  font-weight:bold;
}

p a:hover {
  text-decoration:underline;
}

b,
strong {
  font-weight:bold;
  font-weight:700;
}

h1,
h2,
h3,
h4 {
  display:block;
  float:left;
  width:100%;
  font-size:28px;
  line-height:30px;
  font-weight:normal;
  text-decoration:none;
  text-transform:uppercase;
  font-style:normal;
  margin:0 0 20px;
  padding:0;
  font-family:'Oswald',Arial,Helvetica,sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a {
  color:#eee;
  font-weight:normal;
  text-decoration:none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
  color:#eee;
  text-decoration:underline;
}

.text-center {
  text-align:center;
}

.preloader {
  display:block;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:999;
  overflow:hidden;
  background-color:#333;
}

.loading {
  display:block;
  width:200px;
  height:85px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-40px;
  margin-left:-100px;
}

.loading h1 {
  color:#999;
  font-size:14px;
  line-height:15px;
  margin-bottom:0;
  text-align:center;
}

.spinner {
  display:block;
  width:30px;
  height:30px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-15px;
  margin-left:-15px;
  background-image:url(/theme/img/preloader.gif);
  background-repeat:no-repeat;
  background-position:center;
  background-size:30px;
}

#container,
#loader {
  float:none;
  clear:both;
  overflow:hidden;
  zoom:1;
  position:relative;
  z-index:0;
}

.row,
.block {
  float:left;
  position:relative;
}

.row {
  width:100%;
}

.right {
  float:right;
}

.inner {
  overflow:hidden;
  zoom:1;
  display:block;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.btn {
  display:inline-block;
  vertical-align:top;
  zoom:1;
  padding:10px 40px;
  margin:20px auto 0;
  font-size:16px;
  line-height:20px;
  font-weight:normal;
  text-decoration:none;
  text-transform:uppercase;
  font-family:'Oswald',Arial,Helvetica,sans-serif;
  color:#333;
  background:transparent;
  border:solid 2px #333;
}

.btn:hover {
  background:#333;
  color:#f90;
  text-decoration:none;
}

.title .btn {
  color:#999;
  border-color:#999;
}

.title .btn:hover {
  background:#999;
  color:#222;
}

.col-1-1 {
  width:100%;
}

.col-1-2 {
  width:50%;
}

.col-1-3 {
  width:33.333%;
}

.col-2-3 {
  width:66.666%;
}

.col-1-4 {
  width:25%;
}

.col-3-4 {
  width:75%;
}

.col-1-5 {
  width:20%;
}

.col-2-5 {
  width:40%;
}

.col-3-5 {
  width:60%;
}

.col-4-5 {
  width:80%;
}

.col-16x9 {
  width:62.5%;
}

.col-16x9-aside {
  width:37.5%;
}

.col-1-2 .inner {
  margin:60px auto;
  padding:0 100px;
  max-width:560px;
}

.col-1-4 .inner {
  margin:60px auto;
  padding:0 40px;
  max-width:320px;
}

.col-3-4 .inner {
  margin:60px auto;
  padding:0 160px;
}

.col-1-5 .inner,
.col-2-5 .inner {
  margin:40px auto;
  padding:0 40px;
}

.block-text .inner {
  margin:60px auto;
  padding:0 60px;
}

.block img {
  display:block;
  width:100%;
  margin:0 auto;
}

.digital-design-studio {
  background-color:#303030;
  background-image:url(/theme/img/digital-design-studio@2x.gif);
  background-repeat:no-repeat;
  background-size:320px auto;
  background-position:center;
}

.heart-and-mind {
  background-color:#333;
  color:#f90;
  border-color:#f90;
  background-image:url(/theme/img/pixels-heart-and-mind.gif);
  background-repeat:no-repeat;
  background-size:200px auto;
  background-position:center;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .heart-and-mind {
    background-image:url('/theme/img/pixels-heart-and-mind@2x.gif');
  }
}

.pencil-and-devices {
  background-color:#eee;
  color:#666;
  border-color:#666;
  background-image:url(/theme/img/pixels-pencil-and-devices.gif);
  background-repeat:no-repeat;
  background-size:200px auto;
  background-position:center;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .pencil-and-devices {
    background-image:url('/theme/img/pixels-pencil-and-devices@2x.gif');
  }
}

.service .icon {
  display:block;
  width:200px;
  height:120px;
  overflow:hidden;
  margin:0 auto 40px;
  background-repeat:no-repeat;
  background-size:200px auto;
  background-position:center;
}

.strategy .icon {
  background-image:url(/theme/img/service-strategy@2x.gif);
}

.creative .icon {
  background-image:url(/theme/img/service-creative@2x.gif);
}

.digital .icon {
  background-image:url(/theme/img/service-digital@2x.gif);
}

.support .icon {
  background-image:url(/theme/img/service-support@2x.gif);
}

.block img.animated {
  position:absolute;
  width:200px;
  height:120px;
  top:50%;
  left:50%;
  margin-top:-60px;
  margin-left:-100px;
}

.contact .inner {
  margin:160px auto;
  padding:0 80px;
  max-width:440px;
}

.contact.white .btn {
  text-transform:lowercase;
  letter-spacing:1px;
  padding:15px 0;
  width:220px;
  font-size:20px;
  margin-top:30px;
  background-color:#666;
  border-color:#666;
  color:#eee;
}

.contact.white .btn:hover {
  background-color:#f90;
  border-color:#f90;
  color:#333;
}

.details {
  text-align:center;
}

.details li {
  display:inline;
  margin:0 5px;
  cursor:default;
}

.details a {
  font-weight:normal;
}

.details a:hover {
  color:#999;
  text-decoration:none;
}

.title {
  width:100%;
  text-align:center;
  background:#222;
  color:#999;
}

.title .inner {
  margin:80px;
}

.title h1 {
  text-align:center;
}

.times {
  font-family:Times,"Times New Roman",serif;
  font-size:32px;
  text-transform:none;
  position:relative;
  top:-4px;
}

.title p {
  float:none;
  max-width:480px;
  margin:0 auto;
  text-align:center;
}

.home-image,
.home-text {
  padding:80px 0 0;
}

.home-image .centerV {
  float:none;
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}

.services {
  text-align:center;
}

.awards ul {
  text-align:center;
  margin:60px 0;
  padding:0 40px;
}

.awards li {
  display:inline-block;
  float:none;
  width:30%;
  min-width:150px;
}

.awards img {
  display:block;
  width:80%;
  margin:20px auto;
  max-width:150px;
}

.list {
  color:#999;
}

.list h1 {
  text-align:left;
  font-size:20px;
}

.list li {
  display:list-item;
  clear:both;
  list-style:outside disc;
  line-height:20px;
  padding:4px 0;
  margin:0 0 0 18px;
  cursor:default;
}

.list a {
  font-weight:normal;
  text-decoration:none;
}

.list a:hover {
  color:#f90;
}

.services img {
  max-width:200px;
  margin-bottom:40px;
}

.white {
  background-color:#eee;
  color:#666;
  border-color:#666;
}

.white .btn {
  color:#666;
  border-color:#666;
}

.white .btn:hover {
  background-color:#666;
  color:#eee;
}

.gray {
  background-color:#666;
  color:#eee;
  border-color:#eee;
}

.gray .btn {
  color:#eee;
  border-color:#eee;
}

.gray .btn:hover {
  color:#666;
  background-color:#eee;
}

.yellow {
  background-color:#f90;
  color:#333;
  border-color:#333;
}

.yellow .btn {
  color:#333;
  border-color:#333;
}

.yellow .btn:hover {
  color:#f90;
  background-color:#333;
}

.dark {
  background-color:#333;
  color:#f90;
  border-color:#f90;
}

.dark .btn {
  color:#f90;
  border-color:#f90;
}

.dark .btn:hover {
  background-color:#f90;
  color:#333;
}

.black {
  background-color:#111;
  color:#f90;
  border-color:#f90;
}

.black .btn {
  color:#f90;
  border-color:#f90;
}

.black .btn:hover {
  color:#111;
  background-color:#f90;
}

.case .black {
  color:#999;
}

.case .black .btn {
  color:#999;
  border-color:#999;
}

.case .black .btn:hover {
  background-color:#999;
}

.case .dark {
  color:#eee;
}

.case .dark .btn {
  color:#eee;
  border-color:#eee;
}

.case .dark .btn:hover {
  background-color:#eee;
}

.tweet {
  -webkit-transition:200ms;
  -moz-transition:200ms;
  -o-transition:200ms;
  -ms-transition:200ms;
  transition:200ms;
  -webkit-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -moz-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -o-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -ms-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  background-color:#666;
}

.tweet:hover {
  background-color:#00acee !important;
}

.tweet .social-icon {
  margin:0 auto 20px;
}

.tweet .social-icon {
  width:60px;
  height:60px;
  background-position:-240px -180px;
}

.tweet .social-icon:hover {
  background-color:transparent !important;
}

.tweet h1 {
  line-height:40px;
}

.tweet p a {
  color:#eee;
  font-weight:bold;
  text-decoration:none;
  word-break:break-all;
}

.tweet a:hover {
  text-decoration:underline;
}

.tweet-date {
  margin-top:20px;
  font-size:12px;
  line-height:100%;
}

.arrow {
  display:block;
  position:absolute;
  background-image:url(/theme/img/sprite.png);
  background-repeat:no-repeat;
  background-size:500px auto !important;
  z-index:10;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .arrow {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

.arrow.left, .arrow.right {
  width:40px;
  height:80px;
  top:50%;
  margin-top:-40px;
}

.home-text .arrow {
  margin-top:0;
}

.arrow.left {
  left:-10px;
}

.arrow.right {
  right:-10px;
}

.arrow.top,
.arrow.btm {
  width:80px;
  height:40px;
  left:50%;
  margin-left:-40px;
}

.arrow.top {
  top:-10px;
}

.arrow.btm {
  bottom:-10px;
}

.arrow.white,
.arrow.yellow,
.arrow.gray,
.arrow.dark,
.arrow.black {
  background-color:transparent;
}

.arrow.left.white {
  background-position:-460px 0;
}

.arrow.left.yellow {
  background-position:-460px -80px;
}

.arrow.left.gray {
  background-position:-460px -160px;
}

.arrow.left.dark {
  background-position:-460px -240px;
}

.arrow.left.black {
  background-position:-460px -320px;
}

.arrow.right.white {
  background-position:-420px 0;
}

.arrow.right.yellow {
  background-position:-420px -80px;
}

.arrow.right.gray {
  background-position:-420px -160px;
}

.arrow.right.dark {
  background-position:-420px -240px;
}

.arrow.right.black {
  background-position:-420px -320px;
}

.arrow.top.white {
  background-position:-420px -40px;
}

.arrow.top.yellow {
  background-position:-420px -120px;
}

.arrow.top.gray {
  background-position:-420px -200px;
}

.arrow.top.dark {
  background-position:-420px -280px;
}

.arrow.top.black {
  background-position:-420px -360px;
}

.arrow.top.title {
  background-position:-420px -440px;
}

.arrow.btm.white {
  background-position:-420px 0;
}

.arrow.btm.yellow {
  background-position:-420px -80px;
}

.arrow.btm.gray {
  background-position:-420px -160px;
}

.arrow.btm.dark {
  background-position:-420px -240px;
}

.arrow.btm.black {
  background-position:-420px -320px;
}

iframe {
  display:block;
  float:left;
  width:100%;
  height:100%;
  border:none;
  padding:0;
  margin:0;
  overflow:hidden;
}

.cover {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
  text-indent:-9999em;
  -webkit-transition:200ms;
  -moz-transition:200ms;
  -o-transition:200ms;
  -ms-transition:200ms;
  transition:200ms;
  -webkit-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -moz-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -o-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -ms-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
}

.thumbs {
  display:block;
  float:none;
  clear:both;
  overflow:hidden;
  zoom:1;
  background-color:#333;
}

.thumbs img {
  display:block;
  float:left;
  width:100%;
  position:relative;
  top:0;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

.thumbs li {
  float:left;
  width:25%;
  position:relative;
  overflow:hidden;
  cursor:pointer;
}

.thumbs .feat {
  width:50%;
}

.thumbs .feat .info {
  bottom:-95px;
}

.thumbs .feat .info .inner {
  padding:20px 15px;
}

.thumbs .inner {
  position:relative;
}

.thumbs a {
  display:block;
  position:absolute;
  width:100%;
  height:100%;
}

.thumbs h1,
.thumbs h2,
.thumbs h3,
.thumbs h4,
.thumbs p,
.thumbs a {
  cursor:pointer;
}

.info {
  float:left;
  width:100%;
  position:absolute;
  bottom:-75px;
  left:0;
  zoom:1;
  z-index:10;
  text-align:center;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

.info .inner {
  background:#f90;
  color:#333;
  padding:10px 15px;
  -webkit-transition:200ms;
  -moz-transition:200ms;
  -o-transition:200ms;
  -ms-transition:200ms;
  transition:200ms;
  -webkit-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -moz-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -o-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  -ms-transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
  transition:color .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
}

.info h1,
.info p {
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.info p {
  font-size:12px;
  text-transform:uppercase;
}

.info h1 {
  font-size:22px;
  margin-bottom:0;
}

.info a {
  display:none;
  position:absolute;
  top:0;
  right:0;
  padding:10px;
  float:right;
  font-family:'Oswald',Arial,Helvetica,sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  color:#eee !important;
}

.info .arrow {
  display:block;
  bottom:auto;
  top:0;
  z-index:0;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

.thumbs li:hover .info .inner {
  background-color:#f90;
  color:#333;
}

.thumbs li:hover .info {
  bottom:0;
}

.thumbs li:hover img {
  top:-20px;
}

.thumbs li:hover .cover {
  background:#111;
  opacity:.5;
}

.thumbs li:hover .arrow {
  top:-20px;
}

.thumbs .feat:hover .arrow {
  top:-30px;
}

.home-image .arrow {
  display:none;
}

.abs {
  position:absolute;
  top:0;
  left:0;
}

.fader {
  -webkit-animation-name:fade;
  -moz-animation-name:fade;
  -ms-animation-name:fade;
  -o-animation-name:fade;
  animation-name:fade;
  -webkit-animation-duration:20s;
  -moz-animation-duration:20s;
  -ms-animation-duration:20s;
  -o-animation-duration:20s;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-delay:4s;
  -moz-animation-delay:4s;
  -ms-animation-delay:4s;
  -o-animation-delay:4s;
  animation-delay:4s;
}

@-webkit-keyframes fade {
  0% {
    opacity:1;
  }
  20% {
    opacity:0;
  }
}

@-moz-keyframes fade {
  0% {
    opacity:1;
  }
  20% {
    opacity:0;
  }
}

@-ms-keyframes fade {
  0% {
    opacity:1;
  }
  20% {
    opacity:0;
  }
}

@-o-keyframes fade {
  0% {
    opacity:1;
  }
  20% {
    opacity:0;
  }
}

@keyframes fade {
  0% {
    opacity:1;
  }
  20% {
    opacity:0;
  }
}

.footer {
  display:block;
  float:left;
  width:100%;
  background:#222;
}

.footer .inner {
  float:left;
  margin:30px auto;
  padding:0 40px;
}

.footer p {
  width:auto;
  float:left;
  text-align:left;
  color:#666;
  font-size:11px;
  line-height:20px;
}

.footer p a {
  color:#f90;
  padding:0;
  margin-left:5px;
}

.footer p a:hover {
  color:#fff;
  text-decoration:none;
}

.top {
  display:block;
  float:right;
  width:80px;
  height:80px;
  overflow:hidden;
  text-indent:-9999em;
  background-image:url(/theme/img/sprite.png);
  background-repeat:no-repeat;
  background-size:500px auto !important;
  background-position:-340px -405px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .top {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

.top:hover {
  background-position:-340px -495px;
}

.header {
  display:block;
  position:fixed;
  top:-80px;
  left:0;
  width:100%;
  background:#111;
  z-index:9999;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

.header a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.header .inner {
  display:block;
  width:100%;
  padding:0;
  margin:0 auto;
  position:relative;
  overflow:hidden;
  zoom:1;
}

.logo {
  display:block;
  float:left;
  height:80px;
  width:140px;
  padding:0 20px;
  margin:0;
  overflow:hidden;
  text-indent:-999em;
  background-color:#f90;
  background-image:url(/theme/img/sprite.png);
  background-repeat:no-repeat;
  background-size:500px auto !important;
  background-position:0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .logo {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

.nav, .nav li {
  display:block;
  float:left;
  position:relative;
  text-align:center;
  padding:0;
  margin:0;
  cursor:default;
}

.nav .phone,
.nav .email {
  display:none;
}

.nav {
  float:right;
  margin-right:15px;
}

.nav a {
  font-family:'Oswald',Arial,Helvetica,sans-serif;
  display:block;
  color:#eee;
  font-size:14px;
  line-height:20px;
  padding:30px 15px;
  font-weight:normal;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
}

.nav a:hover,
.nav a:active {
  text-decoration:none;
  color:#999;
}

.nav .current,
.nav .current:hover {
  color:#f90;
}

.nav .phone a {
  background-image:url(/theme/img/sprite.png);
  background-repeat:no-repeat;
  background-size:500px auto !important;
  text-indent:-9999em;
  background-position:center -640px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .nav .phone a {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

.nav .email a {
  background-image:url(/theme/img/sprite.png);
  background-repeat:no-repeat;
  background-size:500px auto !important;
  text-indent:-9999em;
  background-position:center -700px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .nav .email a {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

.navicon {
  display:none;
  float:right;
  width:30px;
  height:30px;
  padding:15px;
  text-indent:-9999em;
  overflow:hidden;
  cursor:pointer;
  position:relative;
  z-index:999;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

.plusicon {
  display:block;
  position:absolute;
  top:27px;
  right:20px;
  width:30px;
  height:30px;
  padding:0;
  text-indent:-9999em;
  overflow:hidden;
  cursor:pointer;
  z-index:999;
}

.plusicon div {
  background:#eee;
}

.horizontal,
.vertical {
  display:block;
  position:absolute;
  background:#666;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

.horizontal {
  width:26px;
  height:4px;
  top:50%;
  left:50%;
  margin-top:-2px;
  margin-left:-13px;
}

.vertical {
  width:4px;
  height:26px;
  top:50%;
  left:50%;
  margin-top:-13px;
  margin-left:-2px;
}

.vertical.toggle {
  height:0;
  margin-top:0;
}

.social {
  display:block;
  float:right;
  margin:0;
  padding:0;
  background-color:#333;
}

.social li {
  display:block;
  float:left;
}

.social a,
.social-icon {
  display:block;
  width:80px;
  height:80px;
  text-indent:-9999em;
  overflow:hidden;
  background-image:url(/theme/img/sprite.png);
  background-repeat:no-repeat;
  background-size:500px auto !important;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .social a,
  .social-icon {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

.contact .social {
  float:none;
  width:240px;
  margin:30px auto;
  overflow:hidden;
  zoom:1;
  background:transparent;
}

.contact .social li {
  float:left;
  margin:0 8px;
}

.contact .social a {
  width:40px;
  height:40px;
  background-color:#666;
  border:solid 2px #666;
}

.facebook {
  background-position:0 -90px;
}

.twitter {
  background-position:-80px -90px;
}

.gplus {
  background-position:-160px -90px;
}

.linkedin {
  background-position:-240px -90px;
}

.contact .facebook {
  background-position:0 -180px;
}

.contact .twitter {
  background-position:-40px -180px;
}

.contact .gplus {
  background-position:-80px -180px;
}

.contact .linkedin {
  background-position:-120px -180px;
}

.social-icon.linkedin {
  display:inline-block;
  zoom:1;
  vertical-align:top;
  float:none;
  margin-left:10px;
  width:30px;
  height:30px;
  background-color:#f90;
  background-position:-90px -280px;
}

.social-icon.linkedin:hover {
  background-color:#eee !important;
}

.facebook:hover {
  background-color:#3b5998 !important;
  border-color:#3b5998 !important;
}

.twitter:hover {
  background-color:#00acee !important;
  border-color:#00acee !important;
}

.gplus:hover {
  background-color:#dd4b39 !important;
  border-color:#dd4b39 !important;
}

.linkedin:hover {
  background-color:#4875b4 !important;
  border-color:#4875b4 !important;
}

.social-blocks li {
  float:left;
  width:50%;
}

.social-blocks img {
  width:100%;
}

.social-blocks a {
  display:block;
  float:left;
  width:100%;
}

.work-nav,
.spec {
  width:30%;
  position:fixed;
  left:0;
}

.spec {
  top:160px;
  background-color:#333;
}

.spec h1,
.spec h2,
.spec h3 {
  line-height:120%;
}

.spec h1 {
  color:#f90;
}

.spec h2,
.spec h3 {
  font-size:18px;
}

.spec ul,
.spec li {
  display:block;
  float:left;
  width:100%;
  position:relative;
  overflow:hidden;
}

.spec li {
  margin-bottom:5px;
}

.spec h3 {
  float:left;
  width:40px;
  color:#999;
  font-size:14px;
  line-height:20px;
  margin-bottom:0;
}

.spec p {
  float:none;
  width:auto;
  clear:none;
  margin-left:50px;
  font-size:12px;
  line-height:20px;
}

.spec .inner {
  max-width:640px;
  margin:30px auto;
  padding:0 40px;
}

.spec .btn {
  border-color:#f90;
  color:#f90;
}

.spec .btn:hover {
  background-color:#f90;
  color:#333;
}

.work-nav {
  top:80px;
}

.work-nav .inner {
  margin:0 auto;
  padding:0 40px;
}

.work-nav ul {
  display:block;
  overflow:hidden;
  zoom:1;
  margin:0;
  padding:15px 0;
  border-bottom:solid 2px #666;
}

.work-nav li {
  display:block;
  float:right;
  position:relative;
  right:-10px;
}

.work-nav li.close {
  float:left;
  right:auto;
  left:-10px;
}

.work-nav li.prev {
  right:15px;
}

.work-nav li a {
  display:block;
  width:50px;
  height:50px;
  overflow:hidden;
  text-indent:-9999em;
  background-color:#eee;
  background-image:url(/theme/img/sprite.png);
  background-repeat:no-repeat;
  background-size:500px auto !important;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .work-nav li a {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

.work-nav li a:hover {
  background-color:#f90;
}

.prev a {
  background-position:-15px -505px;
}

.next a {
  background-position:-95px -505px;
}

.close a {
  background-position:-175px -505px;
}

.showcase {
  width:70%;
  float:right;
  background-color:#666;
  padding:80px 0 0;
}

.showcase img {
  display:block;
  float:left;
  width:50%;
}

.showcase img.col-1-3 {
  width:33.333333%;
}

.showcase img.clearblock {
  width:100%;
}

.showcase img.centered {
  float:none;
  width:100%;
  max-width:800px;
  margin:0 auto;
  padding:5% 0;
}

.showcase p a {
  color:#f90;
  font-weight:normal;
}

.showcase p a:hover {
  text-decoration:underline;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline:none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin:0;
  padding:0;
  list-style:none;
}

.flexslider {
  margin:0;
  padding:0;
  position:relative;
}

.flexslider .slides>li {
  display:none;
  -webkit-backface-visibility:hidden;
}

.flexslider .slides li {
  display:block;
  float:left;
  width:100%;
  position:relative;
  background:transparent;
}

.flexslider .slides img {
  display:block;
  width:100%;
  padding:0;
  margin:0 auto;
}

.slides:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

html[xmlns] .slides {
  display:block;
}

* html .slides {
  height:1%;
}

.no-js .slides>li:first-child {
  display:block;
}

.flexslider {
  display:block;
  float:left;
  width:100%;
  overflow:hidden;
  zoom:1;
  z-index:0;
}

.flex-viewport {
  max-height:2000px;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

.loading .flex-viewport {
  max-height:300px;
}

.flexslider .slides {
  zoom:1;
}

.carousel li {
  margin-right:5px;
}

.flex-direction-nav {
  display:block;
  float:right;
}

.flex-direction-nav li {
  display:block;
  float:left;
}

.flex-direction-nav a {
  display:block;
  float:left;
  width:80px;
  height:80px;
  z-index:10;
  cursor:pointer;
  text-indent:-9999em;
  background-color:#333;
  background-color:rgba(0,0,0,0.4);
  background-image:url(/theme/img/sprite.png);
  background-repeat:no-repeat;
  background-size:500px auto !important;
  -webkit-box-shadow:none;
  box-shadow:none;
  outline:none;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .flex-direction-nav a {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

.flex-direction-nav a:hover {
  background-color:#666;
  background-color:rgba(0,0,0,0.8);
}

.flex-direction-nav .flex-prev {
  right:80px;
  background-position:0 -320px;
}

.flex-direction-nav .flex-next {
  right:0;
  background-position:-80px -320px;
}

.flex-direction-nav .flex-disabled {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter:alpha(opacity=(30));
  opacity:.3;
  cursor:default;
}

.flex-control-nav {
  display:block;
  float:left;
  padding:20px;
  text-align:center;
  z-index:99;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.flex-control-nav li {
  margin:0;
  display:inline-block;
  zoom:1;
  *display:inline;
}

.flex-control-paging li a {
  display:block;
  width:30px;
  height:40px;
  margin:0;
  background:transparent;
  cursor:pointer;
  background-image:url(/theme/img/sprite.png);
  background-repeat:no-repeat;
  background-size:500px auto !important;
  background-position:-240px -320px;
  text-indent:-9999em;
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  -ms-transition:none;
  transition:none;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .flex-control-paging li a {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

.flex-control-paging li a:hover {
  background-position:-270px -320px;
}

.flex-control-paging li a.flex-active {
  background-position:-300px -320px;
  cursor:default;
}

#flexslider-work-controls,
#flexslider-testimonials-controls {
  display:block;
  float:left;
  width:100%;
  margin:0 auto;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

#flexslider-testimonials-controls {
  margin-top:15px;
}

#flexslider-testimonials h1 {
  margin-top:0;
}

#flexslider-testimonials h2 {
  font-size:16px;
  text-align:left;
  margin:20px 0 0;
}

#flexslider-testimonials p {
  margin-bottom:0;
}

#flexslider-testimonials .flexslider li {
  background:#f90;
}

#controls {
  display:block;
  float:left;
  width:100%;
  position:relative;
  overflow:hidden;
}

.slider-testimonials .flex-direction-nav a,
.slider-testimonials .flex-direction-nav a:hover {
  background-color:transparent;
}

.slider-testimonials .flex-direction-nav a:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter:alpha(opacity=(50));
  opacity:.5;
}

.slider-testimonials .flex-control-nav {
  float:none;
  text-align:left;
  padding:20px 0 0;
  position:relative;
  left:-5px;
  bottom:-10px;
}

.slider-testimonials .flex-direction-nav {
  display:none;
  position:static;
}

.slider-testimonials .flex-direction-nav .flex-prev {
  background-position:0 -400px;
}

.slider-testimonials .flex-direction-nav .flex-next {
  background-position:-80px -400px;
}

.slider-testimonials .flex-control-paging li a {
  background-position:-240px -400px;
}

.slider-testimonials .flex-control-paging li a:hover {
  background-position:-270px -400px;
}

.slider-testimonials .flex-control-paging li a.flex-active {
  background-position:-300px -400px;
}

.showcase .flexslider .flex-control-nav {
  left:0;
  width:100%;
  padding:10px 0;
}

.showcase .flexslider .flex-direction-nav {
  display:none;
  position:absolute;
  bottom:0;
  right:0;
}

@media only screen and (max-width:1300px) {
  .block-text .inner {
    padding:0 40px;
  }
  .spec h1 {
    font-size:22px;
  }
  .spec h2 {
    font-size:16px;
  }
}

@media only screen and (max-width:1240px) {
  .col-4-5 {
    width:100%;
  }
  .col-1-5 {
    width:100%;
  }
  .block-text .inner {
    margin:40px auto;
  }
  .stack {
    width:67%;
  }
  .dds {
    width:33%;
  }
  .dds .arrow {
    width:40px;
    height:80px;
    top:50%;
    bottom:auto;
    margin-left:auto;
    margin-top:-40px;
    right:-10px;
    background-position:-420px -80px;
  }
  .tweet .inner {
    margin:40px auto;
  }
  .tweet .twitter {
    display:inline-block;
    zoom:1;
    vertical-align:top;
    margin:0 0 20px;
    width:40px;
    height:40px;
    background-position:-310px -180px;
  }
  .tweet h1 {
    display:inline-block;
    float:none;
    width:auto;
    zoom:1;
    vertical-align:top;
  }
  .col-1-2 .inner,
  .slider-testimonials .inner {
    padding:0 80px;
  }
  .thumbs li {
    width:33.333333%;
  }
}

@media only screen and (max-width:1140px) {
  .service {
    width:50%;
  }
  .service .inner {
    margin:60px auto;
    padding:0 40px;
    max-width:360px;
  }
  .service.digital .arrow {
    display:none;
  }
}

@media only screen and (max-width:1024px) {
  a:hover,
  a:active,
  a:focus {
    color:#666;
  }
  .col-1-2 .inner {
    padding:0 80px;
  }
  .list .inner {
    padding:0 30px;
    max-width:100%;
  }
  .profile-text,
  .block-text,
  .slider-testimonials,
  .awards {
    width:67%;
  }
  .profile-text .inner,
  .block-text .inner,
  .tweet .inner {
    margin:60px auto;
    padding:0 60px;
    max-width:560px;
  }
  .profile-image,
  .block-image {
    width:33%;
  }
  .tweet {
    width:100%;
    height:auto !important;
  }
  .tweet .twitter {
    display:block;
    margin:0 auto 20px;
    width:60px;
    height:60px;
    background-position:-240px -180px;
  }
  .tweet h1 {
    display:block;
    float:left;
    width:100%;
    margin:0 0 20px;
  }
  .intro-testimonials,
  .intro-accolades {
    float:right;
    width:33%;
  }
  .intro-testimonials .inner,
  .intro-accolades .inner {
    padding:0 40px;
    text-align:center;
  }
  .awards .arrow {
    left:auto;
    right:-10px;
    background-position:-420px -160px !important;
  }
  .slider-testimonials .inner {
    padding:0 60px;
  }
  .service .icon {
    background-image:url(/theme/img/sprite.png);
    background-repeat:no-repeat;
    background-size:500px auto !important;
  }
  .strategy .icon {
    background-position:0 -760px !important;
  }
  .creative .icon {
    background-position:-200px -760px !important;
  }
  .digital .icon {
    background-position:0 -880px !important;
  }
  .support .icon {
    background-position:-200px -880px !important;
  }
  .thumbs .feat .inner img {
    margin-bottom:90px;
  }
  .thumbs .inner img {
    margin-bottom:70px;
  }
  .thumbs .feat .inner a img,
  .thumbs .inner a img {
    margin:0;
  }
  .thumbs .info {
    position:relative;
    bottom:auto !important;
    z-index:0;
  }
  .thumbs .info .arrow {
    display:block;
    top:-20px;
  }
  .thumbs li .arrow {
    top:-20px;
  }
  .thumbs .feat .arrow,
  .thumbs .feat:hover .arrow {
    top:-30px;
  }
  .thumbs li:hover img {
    top:0;
  }
  .spec,
  .showcase,
  .work-nav {
    float:left;
    width:100%;
  }
  .work-nav,
  .spec {
    position:static;
  }
  .work-nav ul {
    border:none;
  }
  .work-nav .inner,
  .spec .inner {
    padding:0 30px;
  }
  .spec .inner {
    margin:40px auto;
  }
}

@media only screen and (max-width:1024px) and only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:1024px) and only screen and (min-device-pixel-ratio:1.5) {
  .service .icon {
    background-image:url('/theme/img/sprite@2x.png');
  }
}

@media only screen and (max-width:960px) {
  .col-1-2 .inner {
    margin:40px auto;
    padding:0 60px;
  }
  .col-4-5,
  .col-1-5 {
    width:100%;
  }
  .col-1-4 .inner,
  .col-1-5 .inner {
    margin:40px auto;
    padding:0 20px;
  }
  .profile-text .inner,
  .block-text .inner,
  .stack .inner {
    margin:40px auto;
    padding:0 60px;
  }
  .slider-testimonials .inner {
    margin:60px auto;
  }
  .col-4-5,
  .col-1-5 {
    height:auto !important;
  }
  .title .inner {
    margin:60px 40px !important;
  }
  .contact .inner {
    margin:80px auto;
    padding:0 40px;
  }
}

@media only screen and (max-width:920px) {
  .home-image,
  .home-text,
  .intro-testimonials,
  .slider-testimonials,
  .intro-accolades,
  .awards {
    width:100%;
  }
  .home-image,
  .home-text,
  .intro-testimonials,
  .slider-testimonials,
  .intro-accolades,
  .awards {
    height:auto !important;
  }
  .home-text {
    padding:0;
  }
  .home-image .centerV {
    max-width:540px;
    margin:40px auto;
  }
  .home-text .arrow {
    display:none;
  }
  .home-text .inner,
  .home-text p {
    text-align:center;
  }
  .home-image .arrow {
    display:block;
  }
  .col-1-4,
  .profile-text {
    width:50%;
  }
  .col-1-2 .inner,
  .col-1-4 .inner {
    margin:60px auto;
    padding:0 40px;
  }
  .tweet {
    width:100%;
  }
  .service-list {
    padding:20px 0;
  }
  .list .inner {
    margin:20px auto;
    padding:0 40px;
  }
  .awards li {
    width:25%;
  }
  .slider-testimonials .inner {
    margin:60px auto 40px;
    padding:0 80px;
    max-width:100%;
  }
  .slider-testimonials .arrow,
  .awards .arrow {
    display:block;
    width:80px;
    height:40px;
    bottom:auto;
    top:-10px;
    left:50%;
    margin-top:auto;
    margin-left:-40px;
  }
  .slider-testimonials .arrow {
    background-position:-420px -280px !important;
  }
  .awards .arrow {
    background-position:-420px -200px !important;
  }
  .intro-testimonials .inner {
    margin:40px auto 60px;
    padding:0 40px;
  }
  .slider-testimonials .flex-control-nav {
    text-align:center;
    left:0;
  }
  .thumbs .feat .inner img,
  .thumbs .inner img {
    margin-bottom:70px;
  }
  .thumbs li {
    width:50%;
  }
  .thumbs .feat .arrow,
  .thumbs .feat:hover .arrow {
    top:-20px;
  }
  .thumbs .feat .info .inner {
    padding:10px 15px;
  }
}

@media only screen and (max-width:800px) {
  .showcase img.centered {
    padding:0;
  }
}

@media only screen and (max-width:760px) {
  .header .social {
    display:none;
  }
  .flex-direction-nav {
    display:none;
  }
  .flex-control-nav {
    float:none;
  }
  .slider-work-controls .flex-control-nav {
    padding:0 20px;
  }
  .title .inner,
  .intro-testimonials .inner,
  .intro-accolades .inner {
    margin:60px auto !important;
    padding:0 40px !important;
  }
}

@media only screen and (max-width:640px) {
  h1,
  h2,
  h3,
  h4 {
    font-size:22px;
  }
  .times {
    font-size:26px;
  }
  .home-image .centerV {
    margin:20px auto;
  }
  .profile-text,
  .block-text {
    width:50%;
  }
  .profile-image,
  .block-image {
    width:50%;
  }
  .dds,
  .stack {
    width:50%;
  }
  .halves li,
  .half,
  .showcase img {
    width:100%;
  }
}

@media only screen and (max-width:600px) {
  .thumbs {
    padding:0;
  }
  .thumbs li,
  .thumbs li.feat {
    width:100%;
  }
}

@media only screen and (max-width:560px) {
  .service {
    width:100%;
  }
  .service.creative .arrow.left,
  .service.digital .arrow.left,
  .service.support .arrow.left {
    display:block;
    width:80px;
    height:40px;
    top:-10px;
    left:50%;
    margin-top:auto;
    margin-left:-40px;
  }
  .service.creative .arrow.left {
    background-position:-420px -40px;
  }
  .service.digital .arrow.left {
    background-position:-420px -120px;
  }
  .service.strategy .arrow.left {
    background-position:-420px -200px;
  }
  .service.support .arrow.left {
    background-position:-420px -280px;
  }
  .service.creative .inner,
  .service.digital .inner,
  .service.support .inner {
    margin-top:80px;
  }
}

@media only screen and (max-width:520px) {
  .header {
    top:0 !important;
  }
  .home-image,
  .showcase {
    padding-top:60px;
  }
  .logo {
    height:60px;
    padding:0 10px;
    background-position:-10px -10px;
  }
  .navicon {
    display:block;
  }
  .nav {
    float:none;
    width:auto;
    clear:both;
    margin:0;
    padding:0;
    overflow:hidden;
    zoom:1;
    background-color:#111;
    -webkit-transition:height .5s ease-in-out;
    -moz-transition:height .5s ease-in-out;
    -o-transition:height .5s ease-in-out;
    transition:height .5s ease-in-out;
  }
  .nav li {
    display:block;
    float:left;
    width:100%;
    opacity:1;
  }
  .nav .phone,
  .nav .email {
    display:block;
    width:50%;
  }
  .nav .phone a,
  .nav .email a {
    margin-bottom:2px;
  }
  .nav .phone a {
    margin-right:1px;
  }
  .nav .email a {
    margin-left:1px;
  }
  .nav .hide {
    display:none;
  }
  .nav a {
    padding:20px 0;
    margin:2px 0 0;
    color:#eee;
    background-color:#222;
    overflow:hidden;
  }
  .slider-testimonials .inner {
    padding:0 40px;
  }
}

@media only screen and (max-width:500px) {
  .col-4-5 {
    display:none;
  }
  .col-1-4,
  .profile .col-1-2,
  .profile-text,
  .profile-image,
  .block-text,
  .block-image,
  .about .block,
  .service-list {
    width:100%;
    height:auto !important;
  }
  .profile-image .arrow,
  .block-image .arrow {
    display:block;
    width:80px;
    height:40px;
    top:-10px;
    left:50%;
    margin-top:auto;
    margin-left:-40px;
  }
  .block-image.four .arrow {
    background-position:-420px -40px;
  }
  .profile-image .arrow.left,
  .block-image.three .arrow {
    background-position:-420px -120px;
  }
  .block-image.pencil-and-devices .arrow {
    background-position:-420px -200px;
  }
  .block-image.heart-and-mind .arrow,
  .block-image.digital-design-studio .arrow {
    background-position:-420px -360px;
  }
  .footer .inner {
    max-width:200px;
    margin:20px auto;
    padding:0 20px;
  }
  .footer .inner .rights {
    display:block;
    clear:left;
  }
  .footer .inner p a {
    display:none;
  }
  .top {
    background-color:#f90;
  }
  .top:hover {
    background-color:#eee;
  }
  h1,
  h2,
  h3,
  h4 {
    font-size:28px;
  }
  .times {
    font-size:32px;
  }
}

@media only screen and (max-width:460px) {
  .profile-text .inner,
  .block-text .inner,
  .contact .inner {
    padding:0 30px;
  }
  .tweet .inner {
    margin:40px auto;
    padding:0 40px;
  }
  .col-1-2 .inner,
  .col-1-4 .inner,
  .stack .inner,
  .title .inner {
    margin:30px auto !important;
    padding:0 30px;
  }
  .slider-testimonials .inner {
    margin:50px auto 30px !important;
    padding:0 30px;
  }
  .slider-testimonials .flex-control-paging li a {
    width:26px;
    background-position:-242px -400px;
  }
  .slider-testimonials .flex-control-paging li a:hover {
    background-position:-272px -400px;
  }
  .slider-testimonials .flex-control-paging li a.flex-active {
    background-position:-302px -400px;
  }
  .service .icon {
    margin-bottom:30px;
  }
  .service.support .inner,
  .service.creative .inner,
  .service.digital .inner {
    margin-top:50px !important;
  }
  .list .inner {
    margin:10px auto !important;
    padding:0 20px;
  }
  .intro-testimonials .inner {
    margin:40px auto !important;
    padding:0 20px;
  }
  .awards ul {
    margin:40px auto !important;
    padding:0;
  }
  .spec .inner {
    margin:30px auto;
    padding:0 20px;
  }
  .work-nav .inner {
    margin:0;
    padding:0 20px;
  }
  .work-nav ul {
    padding:5px 0;
  }
}

@media only screen and (max-width:360px) {
  .details li {
    display:block;
    clear:both;
    margin:5px 0;
  }
  .info h1 {
    font-size:22px;
  }
  .contact .inner {
    margin:40px auto;
    padding:0 20px;
  }
  .contact .btn {
    margin-top:20px;
  }
  .contact .social {
    margin:20px auto;
  }
  .showcase img.col-1-3 {
    width:100%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  .spinner {
    background-image:url(/theme/img/preloader@2x.gif);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (max-width:1024px) {
  .service .icon {
    background-image:url(/theme/img/sprite@2x.png);
  }
}